<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>登录页</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <script src="../js/set-meta.js"></script>
  <link rel="stylesheet" type="text/css" href="../css/loaders.css"/>
<link rel="stylesheet" type="text/css" href="../css/loading.css"/>
  <link rel="stylesheet" type="text/css" href="../css/login.css"/>
</head>

<body>

<header class="mui-bar-nav mui-bar-nav-1">
		<a class="nav-btn login-part mui-active">登录</a>
		<a class="nav-btn reg-part">注册</a>

</header>
<div id="loadingPart">
			<!--<div class="la-pacman la-2x loading" >
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>-->
			<div class="la-line-spin-clockwise-fade la-2x loading">
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
						</div>
		</div>
		<div class="mui-content mui-active" id="login">
			<img src="../images/login_bg.png" class="login_bg"/>
			<form id='login-form' class="mui-input-group">
				<div class="mui-input-row">
					<label class="account iconfont icon-ren"></label>
					<input id='account' value="" type="number" class="mui-input-clear mui-input" placeholder="请输入账号" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" oninput="if(value.length>11)value=value.slice(0,11)">
				</div>
				<div class="mui-input-row">
					<label class="password iconfont icon-mima"></label>
					<input id='password' value="" type="password" class="mui-input-clear mui-input" placeholder="请输入密码" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" oninput="if(value.length>16)value=value.slice(0,16)">
				</div>
			</form>

			<div class="mui-content-padded">
				<button id='loginBtn' class="mui-btn mui-btn-block mui-btn-primary">登录</button>
				<div class="link-area"><a id='forgetPassword'>忘记密码?</a>
				</div>
			</div>
		</div>
		
		<div class="mui-content" id="reg">
			<form id='login-form' class="mui-input-group">
				<div class="mui-input-row">
					<label>手机号</label>
					<input id='RegAccount' type="tel" value="" class="mui-input-clear mui-input" placeholder="请输入您的手机" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" oninput="if(value.length>11)value=value.slice(0,11)">
				</div>
				<div class="mui-input-row">
					<label>验证码</label>
					<input id='identifyNum' type="number" class="mui-input-clear mui-input" placeholder="请输入您的验证码" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" oninput="if(value.length>6)value=value.slice(0,6)">
					<div class="identify" id="identify">
						验证码
					</div>
				</div>
				<div class="mui-input-row">
					<label>密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
					<input id='RegPassword' type="password" class="mui-input-clear mui-input" placeholder="请输入您的密码" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" oninput="if(value.length>16)value=value.slice(0,16)">
				</div>
				<div class="mui-input-row">
					<label>确认密码</label>
					<input id='RegRePassword' type="password" class="mui-input-clear mui-input" placeholder="请输入您的密码" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" oninput="if(value.length>16)value=value.slice(0,16)">
				</div>
			</form>
			<div class="mui-content-padded">
				<button id='regBtn' class="mui-btn mui-btn-block mui-btn-primary">注册</button>
				</div>
			</div>
		</div>

<script src="../js/login.js"></script>

</body>

</html>